import { Ecs, Engine } from "../index.js";
import { Matrix3D, Transform } from "../../util/meowtrix.js";
import { PositionComponent } from "../../ecs/physics.js";
export declare function getCanvasMatrix(matrix: Matrix3D): readonly [number, number, number, number, number, number];
export declare enum RenderType {
    TEXT = 0,
    RECTANGLE = 1,
    IMAGE = 2
}
export declare class RenderingComponent extends Ecs.Component {
    visuals: Set<RenderComponent>;
    constructor(visuals: RenderComponent[]);
}
declare enum RenderComponentFlagNames {
    NONE = "NONE",
    ENGINE_OFFSET = "ENGINE_OFFSET",
    ENGINE_SCALE = "ENGINE_SCALE",
    POSITION = "POSITION"
}
type FlagName = `${RenderComponentFlagNames}` | RenderComponentFlagNames;
type StaticFlagOptions = FlagName[] | number | "all";
type FlagOptions = StaticFlagOptions | ((flags: typeof RenderComponentFlagNames) => StaticFlagOptions);
export declare class RenderComponent {
    static readonly Flags: Record<RenderComponentFlagNames, number>;
    static isValidFlag(name: string): name is RenderComponentFlagNames;
    static makeFlags(flags: FlagOptions): number;
    transform: Transform;
    rotation: [x: number, y: number];
    scale: [x: number, y: number];
    translate: [x: number, y: number, z: number];
    layer: number;
    flags: number;
    setFlags(flags: FlagOptions): void;
    update(options?: {
        layer?: number;
        flags?: FlagOptions;
    }): void;
}
export declare class TextRenderComponent extends RenderComponent {
    text: string;
    size: number;
    cache_canvas?: HTMLCanvasElement;
    private cache_ctx?;
    private cache_key?;
    font: string;
    options: {
        font: string;
        size: number;
        color: string;
    };
    width: number;
    height: number;
    constructor(text: string, size: number);
    preloadCanvas(): {
        canvas: HTMLCanvasElement;
        ctx: CanvasRenderingContext2D;
    };
    getTextCache(): HTMLCanvasElement;
    updateText(text: string): void;
}
export declare class RectangleRenderComponent extends RenderComponent {
    width: number;
    height: number;
    color?: string;
    constructor(width: number, height?: number, color?: string);
}
export declare class ImageRenderComponent extends RenderComponent {
    image: HTMLImageElement | HTMLCanvasElement;
    opacity?: number;
    source?: [x: number, y: number, w: number, h: number];
    destination?: [x: number, y: number, w: number, h: number];
    constructor(image: HTMLImageElement | HTMLCanvasElement);
}
interface BundleRenderComponent {
    render: RenderComponent;
    entity: Ecs.Entity;
    position?: PositionComponent;
}
export declare class RenderSystem extends Ecs.System {
    engine: Engine;
    components: Set<typeof RenderingComponent>;
    clear: boolean;
    canvas: HTMLCanvasElement;
    ctx: CanvasRenderingContext2D;
    constructor(engine: Engine);
    update(entities: Set<Ecs.Entity>): void;
    render2(entities: BundleRenderComponent[]): void;
    render(components: RenderComponent[]): void;
    private drawRectangle;
    private drawText;
    private drawImage;
}
export declare class RenderParticleGenerator extends Ecs.Component {
    constructor();
    generator(callback: () => RenderComponent): void;
}
export declare class RenderParticleSystem extends Ecs.System {
    components: Set<Function>;
    constructor();
    update(entities: Set<Ecs.Entity>, dirty: Set<Ecs.Entity>): void;
}
export {};